{{! Sidebar players }}
<div class="mt-4 px-5">
    <h2 class="text-xl font-medium text-base-content">
        Players
    </h2>
</div>
<div class="mt-4 relative flex flex-col px-5" id="sbr_ele_players">
    <div class="flex items-center justify-between mb-2">
        <div class="flex-1 min-w-0">
            <h3 class="inline-flex text-md font-bold text-base-content truncate">
                <svg class="mr-1 mt-1 h-4 w-4" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor">
                    <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M12 4.354a4 4 0 110 5.292M15 21H3v-1a6 6 0 0112 0v1zm0 0h6v-1a6 6 0 00-9-5.197M13 7a4 4 0 11-8 0 4 4 0 018 0z" />
                </svg>
                Waiting for players to join...
            </h3>
        </div>
    </div>
</div>